<script>
import { Image } from "@/lib/components";
export let item = {}
</script>

<div class="items-card">
    <a href="/">
        <Image src={item.url}></Image>
        <!-- <img  alt="Monica - ChatGPT4 驱动的 AI Copilot"> -->
        <h4 class="text-line1">Monica - ChatGPT4 驱动的 AI Copilot</h4>
        <span>4.9<iconify-icon icon="ic:round-star"></iconify-icon></span>
        <p class="text-line2">你的 AI 全能助手，由GPT-4 驱动。回答复杂问题，撰写邮件，阅读文章，智能搜索。随处可用。</p>   
    </a>
</div>

<style lang="less">
.items-card{
    height: 280px;
    border-radius: var(--app-box-radius);
    background: #eff2ef;
    padding: 16px;
    img{
        display: block;
        width: 100%;
        height: 140px;
        object-fit: cover;
    }
    h4{
        margin-bottom: 10px;
    }
    span{
        font-weight: 500;
        margin-right: 2px;
    }
    p{
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0;
        margin: 8px 0 0;
    }
    &:hover{
        background: #e3e3e3;
    }
}
</style>